﻿	/* remove padding and scrolling from elements that contain an Accordion OR a content-div */
	.ui-layout-center ,	/* has content-div */
	.ui-layout-west ,	/* has Accordion */
	.ui-layout-east ,	/* has content-div ... */
	.ui-layout-east, .ui-layout-content { /* content-div has Accordion */
		padding: 0;
		overflow: hidden;
	}
	.ui-layout-center P.ui-layout-content {
		line-height:	1.4em;
		margin:			0; /* remove top/bottom margins from <P> used as content-div */
	}
	h3, h4 { /* Headers & Footer in Center & East panes */
		font-size:		1.1em;
		background:		#EEF;
		border:			1px solid #BBB;
		border-width:	0 0 1px;
		padding:		7px 10px;
		margin:			0;
	}
	.ui-layout-east h4 { /* Footer in East-pane */
		font-size:		0.9em;
		font-weight:	normal;
		border-width:	1px 0 0;
	}
	
	.ui-accordion-content 
	{
		margin:1px;
	}

	
h1#website-title {
	font-family: arial, verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #F33;
	font-style: italic;
	text-decoration: none;
	margin:0;
	padding:0;
}

.ui-widget 
{
	font-size:12px;
}

.AvailableTrackPieceContainer 
{
	background-color:#e080808;
	border:solid 1px #e7e7e7;
	width:90px;
	height:90px;
	margin-right:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:30px;
	position:relative;
	float:left;
}

.AvailableTrackPieceContainerLarge 
{
	background-color:#e080808;
	border:solid 1px #e7e7e7;
	width:190px;
	height:190px;
	margin-top:0;
	margin-right:0;
	margin-left:0;
	margin-bottom:3px;
	padding-bottom:30px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	position:relative;
	display:inline-block;
}

.AddPieceContainerItem {
	padding:20px;
}

.AddPieceButton 
{
	position:absolute;
	bottom:1px;
	left:1px;
}

.CancelAddPieceButton 
{
	position:absolute;
	bottom:1px;
	left:1px;
}

.RotatePieceButton {
	position:absolute;
	bottom:1px;
	right:1px;
}

.AvailablePieceThumbnail 
{
	width:90px;
	height:90px;
	margin:0;
	padding:0;
	background:url(sprites/standard_pieces_thumbnails.png);
}

.GridPiece {
	border:solid 1px #444444;
}

.GridPieceNoBorder {
	border-style:none;
	border-width:0px;
	border-collapse:collapse;
	margin:0;
	padding:0;
}


.GridPieceReadyForPlacement {
	background-color:#e7e7e7;
}

.AvailablePieceThumbnailLarge
{
	margin:0;
	padding:0;
	background:url(sprites/standard_pieces_thumbnails.png);
}

/* Start of A pieces */
.AvailablePieceA0
{
	background-position:0px 0px;
}

.AvailablePieceA90 
{
	background-position:-90px 0px;
}

.AvailablePieceA180
{
	background-position:-180px 0px;
}

.AvailablePieceA270
{
	background-position:-270px 0px;
}
/* End of A pieces */

/* Start of B pieces */
.AvailablePieceB0
{
	background-position:0px -90px;
}

.AvailablePieceB90
{
	background-position:-90px -90px;
}

.AvailablePieceB180
{
	background-position:-180px -90px;
}

.AvailablePieceB270
{
	background-position:-270px -90px;
}
/* End of B pieces */

/* Start of C pieces */
.AvailablePieceC0
{
	background-position:0px -180px;
}

.AvailablePieceC90
{
	background-position:-90px -180px;
}

.AvailablePieceC180
{
	background-position:-180px -180px;
}

.AvailablePieceC270
{
	background-position:-270px -180px;
}
/* End C pieces */

/* Start of D pieces */
.AvailablePieceD0
{
	width:180px;
	height:90px;
	background-position:0px -720px;
}

.AvailablePieceD90
{
	width:90px;
	height:180px;
	background-position:-180px -720px;
}

.AvailablePieceD180
{
	width:180px;
	height:90px;
	background-position:-270px -720px;
}

.AvailablePieceD270
{
	width:90px;
	height:180px;
	background-position:-450px -720px;
}
/* End D pieces */

/* Start of E pieces */
.AvailablePieceE0
{
	background-position:0px -270px;
}

.AvailablePieceE90
{
	background-position:-90px -270px;
}

.AvailablePieceE180
{
	background-position:-180px -270px;
}

.AvailablePieceE270
{
	background-position:-270px -270px;
}
/* End E pieces */

/* Start of F pieces */
.AvailablePieceF0
{
	background-position:0px -450px;
}

.AvailablePieceF90
{
	background-position:-90px -450px;
}

.AvailablePieceF180
{
	background-position:-180px -450px;
}

.AvailablePieceF270
{
	background-position:-270px -450px;
}
/* End F pieces */

/* Start of G pieces */
.AvailablePieceG0
{
	background-position:0px -540px;
}

.AvailablePieceG90
{
	background-position:-90px -540px;
}

.AvailablePieceG180
{
	background-position:-180px -540px;
}

.AvailablePieceG270
{
	background-position:-270px -540px;
}
/* End G pieces */

/* Start of H pieces */
.AvailablePieceH0
{
	background-position:0px -630px;
}

.AvailablePieceH90
{
	background-position:-90px -630px;
}

.AvailablePieceH180
{
	background-position:-180px -630px;
}

.AvailablePieceH270
{
	background-position:-270px -630px;
}
/* End H pieces */

/* Start of I pieces */
.AvailablePieceI0
{
	background-position:0px -360px;
}

.AvailablePieceI90
{
	background-position:-90px -360px;
}

.AvailablePieceI180
{
	background-position:-180px -360px;
}

.AvailablePieceI270
{
	background-position:-270px -360px;
}
/* End I pieces */

.GridPieceEmpty {
	height:90px;
	width:90px;
}

